<template>
	<view class="shiTingQuan">
		<div class="box1 bfff center">
			<image src="../../../static/shouye/huiyuan2.png" mode="aspectFill" class="player-icon mr25"></image>
			<div class="right flex1">
				<div class="f34 fbold text1">腾讯视频VIP会员 三个月</div>
				<div class="f24 mb20">腾讯视频</div>
				<div class="f24 mb20">2028-02-28 23:59 到期</div>
			</div>
		</div>
		<div class="box1 bfff center posr">
			<image src="../../../static/shouye/huiyuan2.png" mode="aspectFill" class="player-icon mr25"></image>
			<div class="right flex1">
				<div class="f34 fbold text1">优酷VIP会员 半年卡</div>
				<div class="f24 mb20">优酷视频</div>
				<div class="f24 mb20">2022-02-28 23:59 到期</div>
			</div>
			<image src="../../../static/shouye/avatar.png" mode="aspectFill" class="open-icon posa"></image>
		</div>
	</view>
</template>

<script>
</script>

<style lang="scss" scoped>
	.open-icon{
		width: 160rpx;
		height: 140rpx;
		top: 10rpx;
		right: 0;
	}
	.box1{
		width: 705rpx;
		padding: 25rpx 20rpx;
		margin: 0 auto 35rpx;
		border-radius: 13rpx;
		box-shadow: 0rpx 0rpx 16rpx 0rpx #F1F2F3;
		.player-icon{
			width: 196rpx;
			height: 196rpx;
			border: 1rpx solid #A1A1A1;
			border-radius: 13rpx;
		}
		.text1{
			margin-bottom: 48rpx;
		}
	}
</style>